<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>System Monitoring Riset dan Penelitian</title>
<link href="layout.css" rel="stylesheet" type="text/css" />
</head>

<body>
	<div id="wrap">
    <div id="content_kiri">
    		 <div id="logo">
		  <img src="images/logo_index.png" width="180" height="44" alt="logo" /></div>
        	<div id="button_area">
            	<a href="monitor_index1.php"><div id="button_area0">
            		<div id="button_area1">
                        <div id="button_area_in"><img src="images/1_home.png" width="76" height="76" alt="home" /></div>
                        <div id="button_area_intext">HOME</div>
                    </div>
                </div></a>
                <a href="monitor_penelitian.php"><div id="button_area0">
            		<div id="button_area1">
                        <div id="button_area_in"><img src="images/2_penelitian.png" width="76" height="76" alt="home" /></div>
                        <div id="button_area_intext">RESEARCH</div>
                    </div>
                </div></a>
                <a href="monitor_history.php"><div id="button_area0">
            		<div id="button_area1">
                        <div id="button_area_in"><img src="images/3_history.png" width="76" height="76" alt="home" /></div>
                        <div id="button_area_intext">HISTORY</div>
                    </div>
                </div></a>
                <a href="monitor_help.php"><div id="button_area0">
            		<div id="button_area1">
                        <div id="button_area_in"><img src="images/4_help.png" width="76" height="76" alt="home" /></div>
                        <div id="button_area_intext">HELP</div>
                    </div></a>
                </div>
            </div>
        </div>
        <div id="content_kanan_tanpaback">
        	<div id="content_kanan">
                <div id="content_kanan_content">
                    <div id="content_kanan_wel">
                    	<a href="monitor_pengajuan.php">
                        <div id="content_kanan_well_button_atas">
                        <div id="content_kanan_well_pic"><img src="images/6_sign_in.png" width="40px" height="40px" /></div>
                        <div id="content_kanan_well_text">form pengajuan</div>
                        </div></a>
                        <a href="monitor_upload_proposal.php">
                        <div id="content_kanan_well_button_atas">
                        <div id="content_kanan_well_pic"><img src="images/5_upload.png" width="40px" height="40px" /></div>
                        <div id="content_kanan_well_text"> proposal</div>
                        </div></a>
                        <a href="monitor_timeline.php">
                        <div id="content_kanan_well_button_atas">
                        <div id="content_kanan_well_pic"><img src="images/8_form.png" width="40px" height="40px" /></div>
                        <div id="content_kanan_well_text">timeline</div>
                        </div></a>
                        <a href="monitor_progres.php">
                        <div id="content_kanan_well_button_atas">
                        <div id="content_kanan_well_pic"><img src="images/7_upload_progress.png" width="40px" height="40px" /></div>
                        <div id="content_kanan_well_text">progress</div>
                        </div></a>
                    </div>
                    <div id="content_kanan_content1">
                    <br />
                    <b>Timeline</b>
                    <br /><br />
                    <br />
                    <select name="penelitian">
                      <option>penelitian 1</option>
                      <option>penelitian 2</option>
                      <option>penelitian 3</option>
                    </select><br /><br />
                    <table width="792" border="1">
                      <form action="" method="get" name="timeline">
  <tr>
    <td width="19">No</td>
    <td width="191">Kegiatan</td>
    <td width="191">Tanggal Mulai</td>
    <td width="177">Tanggal Selesai</td>
    <td width="180">Deskripsi</td>
  </tr>
  
  <tr>
    <td><input name="" type="text" size="3" /></td>
    <td><label for="textfield"></label>
      <input type="text" name="textfield" id="textfield" size="30" /></td>
    <td><a href="javascript:void(0)" onClick="if(self.gfPop)gfPop.fPopCalendar(document.timeline.textfield2);return false;" >
      <label for="textfield2"></label>
      <input type="text" name="textfield2" id="textfield2" size="15" /><a href="javascript:void(0)" onClick="if(self.gfPop)gfPop.fPopCalendar(document.timeline.textfield2);return false;" ></a>
      </td>
    <td><a href="javascript:void(0)" onClick="if(self.gfPop)gfPop.fPopCalendar(document.timeline.textfield3);return false;" >
      <label for="textfield2"></label>
      <input type="text" name="textfield3" id="textfield3" size="15" /><a href="javascript:void(0)" onClick="if(self.gfPop)gfPop.fPopCalendar(document.timeline.textfield3);return false;" ></a></td>
    <td><label for="textfield3"></label>
      <input type="textarea" size="30" /></td>
  </tr>
</table>
                    <iframe width=174 height=189 name="gToday:normal:./calender/agenda.js" id="gToday:normal:./calender/agenda.js" src="./calender/ipopeng.htm" scrolling="no" frameborder="0" style="visibility:visible; z-index:999; position:absolute; top:-500px; left:-500px;">
</iframe>


                    
                  </div>  </form>
       			</div>
            </div>
		</div>
        <div id="footer"><span class="style9">Copyright © 2011 simorpin.ub.ac.id. All rights reserved<br />
Seluruh isi di luar tanggung jawab simorpin.ub.ac.id</span></div>
    </div>
    

</body>
</html>
